
<template>
  <yt-grid width="1664" height="1016" background="#F0F3F8" class="page-yawr9">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-38n7am0vv63cb" gridColumnStart="117" gridColumnEnd="215" gridRowStart="21" gridRowEnd="42" zIndex="1" previewType="FixedWH">
      <span ref='ref1' class='webVueAntYtSpan webVueAntYtSpanStyle-s8zuc webVueAntYtSpanStyle'>
                  <span v-html='"项目经济报表"'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-2xrxsm0vv63cg" gridColumnStart="34" gridColumnEnd="117" gridRowStart="21" gridRowEnd="41" zIndex="2" previewType="FixedWH">
      <span ref='ref2' class='webVueAntYtSpan webVueAntYtSpanStyle-mqs3g webVueAntYtSpanStyle'>
                  <span v-html='"报表管理 / "'>
                  
              </span>
              </span>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-vs0v3m0vv63cj" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="51" gridRowEnd="123" zIndex="3" previewType="FixedWH">
      <div ref='ref3' class='webVueAntYtRectangle webVueAntYtRectangleStyle-xpefk webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-zb9gcm0vv63ck" gridColumnStart="33" gridColumnEnd="1620" gridRowStart="142" gridRowEnd="982" zIndex="4" previewType="FixedWH">
      <div ref='ref4' class='webVueAntYtRectangle webVueAntYtRectangleStyle-q5j9g webVueAntYtRectangleStyle'>
                  
              </div>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ProjectNameisShow1' id="yt-h0a5mm0vv63cl" gridColumnStart="67" gridColumnEnd="372" gridRowStart="71" gridRowEnd="103" zIndex="5" previewType="FixedWH">
      <a-form-item ref='ref5' class='webVueAntInputFormItem webVueAntYtInputFormItem-khrg5  webVueAntYtInputFormItem show-label' name='ProjectNamevalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"项目名称"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-t0m7b webVueAntYtInputStyle' v-model:value='ProjectNamevalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-fg401m0vv63cv" gridColumnStart="1298" gridColumnEnd="1378" gridRowStart="71" gridRowEnd="103" zIndex="6" previewType="FixedWH">
      <a-button ref='ref6' @click="()=> { fetchProjectEconomicData(); }" class='webVueAntButton webVueAntYtButtonStyle-hs2q1  webVueAntYtButtonStyle center' :loading='Queryloading1'>
                  <span class='yt-button-content ' v-html='"查询"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-s7ekam0vv63cx" gridColumnStart="1398" gridColumnEnd="1478" gridRowStart="71" gridRowEnd="103" zIndex="7" previewType="FixedWH">
      <a-button ref='ref7' @click="()=> { resetAndFetchProjectEconomicData(); }" class='webVueAntButton webVueAntYtButtonStyle-mv1ph  webVueAntYtButtonStyle center' :loading='Resetloading1'>
                  <span class='yt-button-content ' v-html='"重置"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='MonthlyisShow1' id="yt-69mbbm0vv63cz" gridColumnStart="784" gridColumnEnd="1023" gridRowStart="71" gridRowEnd="103" zIndex="8" previewType="FixedWH">
      <a-form-item ref='ref8' class='webVueAntDatePickerFormItem webVueAntYtDatePickerFormItem-dmxfr  webVueAntYtDatePickerFormItem show-label' name='Monthlyvalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"月度"'>
                  
              </span>
              </div>
              </template>
<yt-custom-date-piker data-event class='webVueAntYtDatePickerStyle-ces2l webVueAntYtDatePickerStyle' :popupKey='"popup_yt-69mbbm0vv63cz"' v-model:value='Monthlyvalue1' :placeholder='"请输入"' :mode='"month"'>
                  
              </yt-custom-date-piker>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ProjectNumberisShow1' id="yt-9mdgam0vv63hh" gridColumnStart="416" gridColumnEnd="722" gridRowStart="72" gridRowEnd="104" zIndex="9" previewType="FixedWH">
      <a-form-item ref='ref36' class='webVueAntInputFormItem webVueAntYtInputFormItem-m9ijq  webVueAntYtInputFormItem show-label' name='ProjectNumbervalue1' :colon='false'>
                  <template #label>
                  <div class='label-content '>
                  <span class='ant-form-item-content ' v-html='"项目编号"'>
                  
              </span>
              </div>
              </template>
<a-input data-event class='webVueAntinput webVueAntYtInputStyle-m99zi webVueAntYtInputStyle' v-model:value='ProjectNumbervalue1' :maxLength='100' :placeholder='"请输入"'>
                  
              </a-input>
              </a-form-item>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' :isShow='ProjectEconomicStatementisShow1' id="yt-9phyjm0vvvl2q" gridColumnStart="67" gridColumnEnd="1598" gridRowStart="163" gridRowEnd="970" zIndex="10" previewType="FixedWH">
      <yt-table ref='ref40' @onTableChange="()=> { onTableChangeFetchProjectEconomicData(); }" class='webVueAntYtTable webVueAntYtTableStyle-1bsl9 webVueAntYtTableStyle' :canSelect='false' v-model:currentRow='ProjectEconomicStatementcurrentRow1' v-model:selectedRows='ProjectEconomicStatementselectedRows1' v-model:total='ProjectEconomicStatementtotal1' v-model:current='ProjectEconomicStatementcurrent2' v-model:pageSize='ProjectEconomicStatementpageSize1' :columns='ProjectEconomicStatementdata1.columns' :dataSource='ProjectEconomicStatementdata1.dataSource' :scroll='{y:693.0034970222636}'>
                  <template #cell='{ column, record }'>
                  <template v-if='column.dataIndex === "id"' :forKey='"id"'>
                  
              </template>
<template v-if='column.dataIndex === "projectName"' :forKey='"projectName"'>
                  
              </template>
<template v-if='column.dataIndex === "projectNumber"' :forKey='"projectNumber"'>
                  
              </template>
<template v-if='column.dataIndex === "dateofGeneration"' :forKey='"dateofGeneration"'>
                  
              </template>
<template v-if='column.dataIndex === "operation"' :forKey='"operation"'>
                  
  <yt-grid  previewType="FixedWH" width="380" height="48">
      
  <yt-grid-item fixedSize='selfAdaption' id="yt-m93v1m0vvvl3i" gridColumnStart="66" gridColumnEnd="146" gridRowStart="8" gridRowEnd="40" zIndex="1" previewType="FixedWH">
      <a-button ref='ref41' @click="()=> { exportProjectEconomicData(record); }" class='webVueAntButton webVueAntYtButtonStyle-ukrd2  webVueAntYtButtonStyle center' :loading='Exportloading1'>
                  <span class='yt-button-content ' v-html='"导出"'>
                  
              </span>
              </a-button>
  </yt-grid-item>


  <yt-grid-item fixedSize='selfAdaption' id="yt-slfu3m0vvvl3k" gridColumnStart="176" gridColumnEnd="266" gridRowStart="8" gridRowEnd="40" zIndex="2" previewType="FixedWH">
      <a-button ref='ref42' @click="()=> { exportCurrentMonthProjectEconomicData(record); }" class='webVueAntButton webVueAntYtButtonStyle-ay37d  webVueAntYtButtonStyle center' :loading='ExportCurrentMonthloading1'>
                  <span class='yt-button-content ' v-html='"导出当月"'>
                  
              </span>
              </a-button>
  </yt-grid-item>

  </yt-grid>
  
              </template>
              </template>
              </yt-table>
  </yt-grid-item>

  </yt-grid>
</template>

<script>

import { loadCss } from "../shared/loadTheme";
import axios from "axios";
import { message, Modal } from "ant-design-vue";
import { h } from "vue";
export default {
data() {
return {
Exportloading1: false,
Resetloading1: false,
ProjectNumbervalue1: "",
ProjectNumberisShow1: true,
ProjectNamevalue1: "",
ProjectNameisShow1: true,
Monthlyvalue1: "",
MonthlyisShow1: true,
Queryloading1: false,
ProjectEconomicStatementcurrentRow1: {},
ProjectEconomicStatementselectedRows1: [],
ProjectEconomicStatementpageSize1: 10,
ProjectEconomicStatementdata1: {
columns: [{
key: "id",
title: "id",
dataIndex: "id"
}, {
key: "projectName",
title: "项目名称",
dataIndex: "projectName"
}, {
key: "projectNumber",
title: "项目编号",
dataIndex: "projectNumber"
}, {
key: "dateofGeneration",
title: "产生日期",
dataIndex: "dateofGeneration"
}, {
key: "operation",
title: "操作",
dataIndex: "operation",
cellType: "slot"
}],
dataSource: [{
id: 1,
projectName: "标题1",
projectNumber: "标题1"
}, {
id: 2,
projectName: "标题2",
projectNumber: "标题2"
}]
},
ProjectEconomicStatementcurrent2: 1,
ProjectEconomicStatementtotal1: 2,
ProjectEconomicStatementisShow1: true,
ExportCurrentMonthloading1: false
};
},
watch: {},
methods: {
async fetchProjectEconomicData() {
this.Queryloading1 = true;
try {
const response = await this.executeBackendInterface('getProjectEconomicData', {
ProjectNamevalue1: this.ProjectNamevalue1,
ProjectNumbervalue1: this.ProjectNumbervalue1,
Monthlyvalue1: this.Monthlyvalue1,
current: this.ProjectEconomicStatementcurrent2,
pageSize: this.ProjectEconomicStatementpageSize1
});
if (response.flag) {
this.ProjectEconomicStatementdata1.dataSource = response.data.data.map(item => ({
  id: item.id,
  projectName: item.project_name,
  projectNumber: item.project_code,
  dateofGeneration: item.generated_date,
  operation: item.operation
}));
this.ProjectEconomicStatementtotal1 = response.data.total;
} else {
message.error(response.message);
}
} catch (error) {
message.error('查询失败');
} finally {
this.Queryloading1 = false;
}
},
resetAndFetchProjectEconomicData() {
this.ProjectNamevalue1 = "";
this.ProjectNumbervalue1 = "";
this.Monthlyvalue1 = "";
this.fetchProjectEconomicData();
},
async initFetchProjectEconomicData() {
this.fetchProjectEconomicData();
},
async onTableChangeFetchProjectEconomicData(pagination) {
this.ProjectEconomicStatementcurrent2 = pagination.current;
this.ProjectEconomicStatementpageSize1 = pagination.pageSize;
this.fetchProjectEconomicData();
},
async exportProjectEconomicData(record) {
this.Exportloading1 = true;
try {
const response = await this.executeBackendInterface('exportProjectEconomicData', {
id: record.id
});
if (response.flag) {
message.success('导出成功');
} else {
message.error(response.message);
}
} catch (error) {
message.error('导出失败');
} finally {
this.Exportloading1 = false;
}
},
async exportCurrentMonthProjectEconomicData(record) {
this.ExportCurrentMonthloading1 = true;
try {
const response = await this.executeBackendInterface('exportCurrentMonthProjectEconomicData', {
projectName: record.projectName,
Monthlyvalue1: this.Monthlyvalue1
});
if (response.flag) {
message.success('导出成功');
} else {
message.error(response.message);
}
} catch (error) {
message.error('导出失败');
} finally {
this.ExportCurrentMonthloading1 = false;
}
},
async fetchAndSetVariables() {
try {
// 调用后端接口获取变量数组 需要传入pageUuid变量
const pageUuid = '1833344590506098688';
const response = await axios.get(`./system/permission/getCurrentPageNotShowVariable?pageUuid=${pageUuid}`);
const variablesArray = response.data; // 后端直接返回变量数组

if (variablesArray && Array.isArray(variablesArray))
// 遍历数组，将每个变量设置为true
variablesArray.forEach(variable => {
  this[variable] = true;
});
} catch (error) {
console.error('获取变量失败:', error);
}
},
executeBackendInterface(funcName, params) {
// 处理参数为Map的情况
if (params instanceof Map) {
params = Object.fromEntries(params);
}
// 调用后端接口
return new Promise((resolve, reject) => {
axios.post('./Projecteconomicstatement/' + funcName, params, {
headers: {
  'Content-Type': 'application/json'
}
}).then(response => {
resolve(response.data);
}).catch(error => {
reject(error);
});
});
}
},
mounted() {
loadCss('./css/项目经济报表/theme.css');
this.initFetchProjectEconomicData();
// 组件挂载后自动调用函数获取变量
this.fetchAndSetVariables();
},
computed: {}
};

</script>
<style lang="less">
.page-yawr9{
.webVueAntYtSpanStyle{
opacity: 1;
color: #3D3D3D;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 20px;
letter-spacing: 0px;
align-content: center;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
}
.webVueAntYtSpanStyle span{
text-shadow: 0px 0px 0px transparent;
}
.webVueAntYtSpan {
display: inline-block;
height:100%;
width:100%;
}
.webVueAntYtSpan span{
word-break: break-all;
width: auto;
display: inline-block;
vertical-align: top; /* 根据需要调整 */
}
.webVueAntYtSpan span:focus{
outline: none;
}

.webVueAntYtSpanStyle-s8zuc{
color: #438EFC !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanStyle-s8zuc span{
text-decoration: none;
}

.webVueAntYtSpanStyle-mqs3g{
color: #4A4A4A !important;
font-size: 16px;
font-weight: bold;
}
.webVueAntYtSpanStyle-mqs3g span{
text-decoration: none;
}

.webVueAntYtRectangleStyle{
opacity: 1;
box-shadow: 0px 0px 0px 0px transparent;
background: transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
}
.webVueAntYtRectangle {
width: 100%;
height:100%;

}

.webVueAntYtRectangleStyle-xpefk{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtRectangleStyle-q5j9g{
background: #ffffff;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}

.webVueAntYtInputFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtInputFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
width: 52px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtInputFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper){
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper{
background: #FFFFFF;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtInputStyle.ant-input-affix-wrapper input{
text-decoration: none;
font-style: normal;
text-align: left;
text-align-last: left;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
}
.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::placeholder,.webVueAntYtInputStyle:not(.ant-input-affix-wrapper)::-webkit-input-placeholder,.webVueAntYtInputStyle input::placeholder,.webVueAntYtInputStyle input::-webkit-input-placeholder{
color: #999999;
}
.webVueAntInputFormItem  {
flex-wrap: nowrap;
}
.webVueAntInputFormItem ,
.webVueAntinput,
.webVueAntInputFormItem .ant-form-item-control-input,
.webVueAntInputFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntInputFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntInputFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntInputFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntInputFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntInputFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntInputFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntinput.ant-input-affix-wrapper input {
background-color: transparent;
}


.webVueAntYtInputFormItem-khrg5 .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-khrg5 .ant-form-item-label label{
width: 66px;
padding-right: 10px;
}
.webVueAntYtInputStyle-t0m7b:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtButtonStyle{
opacity: 1;
color: #FFFFFF;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
background: #4A90E2;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 0px solid #D9D9D9;
border-right: 0px solid #D9D9D9;
border-bottom: 0px solid #D9D9D9;
border-left: 0px solid #D9D9D9;
box-shadow: 0px 0px 0px 0px transparent;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.webVueAntYtButtonStyle>span{
line-height: 28px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
text-align: center;
text-align-last: center;
}
.webVueAntButton  {
width: 100%;
height:100%;
display: flex;
}
.webVueAntButton .span:first-child{
flex: 0 0 8px;
}
.webVueAntButton .yt-button-content{
display: inline-block;
flex: 1;
}

.webVueAntButton.ant-btn-loading.center .yt-button-content,
.webVueAntButton.ant-btn-loading.right .yt-button-content,
.webVueAntButton.ant-btn-loading.left .yt-button-content {
flex: 0 0 auto;
}
.webVueAntButton span:focus{
outline: none;
}
.webVueAntButton.ant-btn-two-chinese-chars>:not(.anticon) {
margin-right: 0;
}

.webVueAntYtButtonStyle-hs2q1{
color: #FFFFFF !important;
background: #3C8EFF !important;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-hs2q1>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-mv1ph{
color: #4A90E2 !important;
background: transparent !important;
border-top: 1px solid #4A90E2;
border-right: 1px solid #4A90E2;
border-bottom: 1px solid #4A90E2;
border-left: 1px solid #4A90E2;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-mv1ph>span{
letter-spacing: 0px !important;
}

.webVueAntYtDatePickerFormItem{
flex-direction: row;
opacity: 1;
}
.webVueAntYtDatePickerFormItem .ant-form-item-label label{
text-decoration: none;
font-style: normal;
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtDatePickerFormItem .ant-form-item-label label .label-content{
text-align: left;
text-align-last: left;
}
.webVueAntYtDatePickerStyle{
box-shadow: 0px 0px 0px 0px transparent;
background: #FFFFFF !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 12px;
}
.webVueAntYtDatePickerStyle .ant-picker-input>input{
color: #333333;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtDatePickerStyle .ant-picker-input>input::placeholder{
color: #999999;
}
.webVueAntYtDatePickerFormItem .dropdownClassName{
box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.3);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.webVueAntYtDatePickerFormItem .dropdownClassName .ant-picker-panel-container{
background: #ffffff;
}
.webVueAntYtDatePickerFormItem .dropdownClassName .ant-picker-panel-container .ant-picker-header,.webVueAntYtDatePickerFormItem .dropdownClassName .ant-picker-panel-container .ant-picker-panel table tr th,.webVueAntYtDatePickerFormItem .dropdownClassName .ant-picker-panel-container .ant-picker-panel table tr td{
color: #333333;
}
.webVueAntDatePickerFormItem  {
flex-wrap: nowrap;
}
.webVueAntDatePickerFormItem ,
.webVueAntDatePickerFormItem .ant-form-item-control-input,
.webVueAntDatePickerFormItem .ant-form-item-control-input .ant-form-item-control-input-content {
width: 100%;
height: 100%;
}
.webVueAntDatePickerFormItem .ant-form-item-label {
flex-shrink: 0;
padding: 0;
text-align: left;
}
.webVueAntDatePickerFormItem .ant-form-item-label label {
width: 100%;
height: 100%;
}
.webVueAntDatePickerFormItem .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
margin-top: 4px;
}
.webVueAntDatePickerFormItem .ant-form-item-label label .label-content{
flex: 1;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.webVueAntDatePickerFormItem .ant-form-item-label>label.ant-form-item-no-colon:after {
display: none;
}
.webVueAntDatePickerFormItem .ant-form-item-label label .ant-form-item-content {
white-space: nowrap;
}
.webVueAntDatePickerFormItem.hide-label .ant-form-item-label {
display: none;
}
.webVueAntDatePickerFormItem .dropdownClassName {
overflow: hidden;
}
.webVueAntDatePickerFormItem .ant-form-item-content:focus{
outline: none;
}
.webVueAntYtDatePicker .ant-picker-dropdown {
text-align-last: auto;
}
.webVueAntYtDatePicker .ant-picker-input>input {
background: transparent;
}

.webVueAntYtDatePickerFormItem-dmxfr .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtDatePickerFormItem-dmxfr .ant-form-item-label label{
width: 39px;
padding-right: 10px;
}
.webVueAntYtDatePickerStyle-ces2l{
background: #FFFFFF!important;
border-top: 1px solid #CDCDCD !important;
border-right: 1px solid #CDCDCD !important;
border-bottom: 1px solid #CDCDCD !important;
border-left: 1px solid #CDCDCD !important;
}

.webVueAntYtInputFormItem-m9ijq .ant-form-item-explain{
position: absolute;
top: 100%;
z-index: -1;
}
.webVueAntYtInputFormItem-m9ijq .ant-form-item-label label{
width: 67px;
padding-right: 10px;
}
.webVueAntYtInputStyle-m99zi:not(.ant-input-affix-wrapper){
background: #FFFFFF !important;
}

.webVueAntYtTable {
display: inline-block;
}
.webVueAntYtTable .ant-radio-input {
display: none;
}
.webVueAntYtTable thead tr th div:first-child {
display: flex !important;
align-items: center;
}
.webVueAntYtTable thead tr th:before {
content: none !important;
}
.webVueAntYtTable thead tr th:not(.ant-table-selection-column), .webVueAntYtTable .ant-table-tbody tr td:not(.ant-table-selection-column) {
padding: 0 !important;
}
.webVueAntYtTable thead tr th.ant-table-selection-column, .webVueAntYtTable .ant-table-tbody tr td.ant-table-selection-column {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td, .webVueAntYtTable thead tr th {
position: relative;
}
.webVueAntYtTable .ant-table-tbody tr td .td-text, .webVueAntYtTable thead tr th .th-text {
width: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.webVueAntYtTable .ant-table-tbody tr td {
border-top: 0 !important;
}
.webVueAntYtTable .ant-table-tbody tr td .ant-radio-wrapper {
align-items: center;
}
.webVueAntYtTable .ant-table-tbody tr:last-child td {
border-bottom: 0 !important;
}
.webVueAntYtTable .ant-pagination {
display: flex;
}

.webVueAntYtTable .add-pointer {
display: flex !important;
}
.webVueAntYtTable .ant-table-thead .ant-table-cell-scrollbar {
width: 6px;
}
.webVueAntYtTable .ant-table-header colgroup col:not(.ant-table-selection-col) {
width: auto !important;
}
:focus-visible {
outline: none;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar {
width: 6px;
height: 6px;
border-radius: 2px;
}
.webVueAntYtTable .ant-table-body::-webkit-scrollbar-thumb {
background-color: #ccc;
}
.webVueAntYtTable.custom-table .ant-table-content {
overflow: hidden !important;
max-height: unset !important;
}

.webVueAntYtTableStyle-1bsl9{
opacity: 1;
}
.webVueAntYtTableStyle-1bsl9 .ant-table{
box-shadow: 0px 0px 0px 0px transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-1bsl9 .ant-table th:first-child{
border-top-left-radius: 4px !important;
}
.webVueAntYtTableStyle-1bsl9 .ant-table th:last-child{
border-top-right-radius: 4px !important;
}
.webVueAntYtTableStyle-1bsl9 .ant-table tr:last-child td:first-child{
border-bottom-left-radius: 4px !important;
}
.webVueAntYtTableStyle-1bsl9 .ant-table tr:last-child td:last-child{
border-bottom-right-radius: 4px !important;
}
.webVueAntYtTableStyle-1bsl9 .ant-table .ant-table-thead tr,.webVueAntYtTableStyle-1bsl9 .ant-table .ant-table-thead tr th div:first-child{
height: 50px;
}
.webVueAntYtTableStyle-1bsl9 .ant-table .ant-table-thead tr th div.ant-table-selection{
line-height: 50px;
}
.webVueAntYtTableStyle-1bsl9 .ant-table .ant-table-thead tr th{
background: #FFFFFF;
}
.webVueAntYtTableStyle-1bsl9 .ant-table .ant-table-thead tr span.th-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-align-last: center;
text-decoration: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-1bsl9 .ant-table tbody tr td{
height: 50px;
}
.webVueAntYtTableStyle-1bsl9 .ant-table tbody tr td .ant-checkbox-wrapper{
line-height: 50px;
}
.webVueAntYtTableStyle-1bsl9 .ant-table tbody tr td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-1bsl9 .ant-table thead tr th,.webVueAntYtTableStyle-1bsl9 .ant-table .ant-table-tbody tr:not(:last-child) td{
border-bottom: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-1bsl9 .ant-table thead tr th:not(:last-child),.webVueAntYtTableStyle-1bsl9 .ant-table .ant-table-tbody tr td:not(:last-child){
border-right: 1px solid #dcdcdc;
}
.webVueAntYtTableStyle-1bsl9.ant-table-striped .ant-table tbody tr:nth-child(2n-1) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-1bsl9.ant-table-striped .ant-table tbody tr:nth-child(2n) td{
background: #FFFFFF;
}
.webVueAntYtTableStyle-1bsl9 .ant-table tbody tr:not(.ant-table-row-selected):hover td{
background: #E4EFFF !important;
}
.webVueAntYtTableStyle-1bsl9 .ant-table tbody tr:not(.ant-table-row-selected):hover td span.td-text{
color: #000000 !important;
}
.webVueAntYtTableStyle-1bsl9 .ant-table-tbody tr.ant-table-row-selected td{
background: #3C8EFF !important;
}
.webVueAntYtTableStyle-1bsl9 .ant-table-tbody tr.ant-table-row-selected td span.td-text{
color: #FFFFFF !important;
}
.webVueAntYtTableStyle-1bsl9 .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-1bsl9 .ant-pagination button,.webVueAntYtTableStyle-1bsl9 .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-1bsl9 .ant-pagination li input{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background: #FFFFFF;
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-1bsl9 .ant-pagination button,.webVueAntYtTableStyle-1bsl9 .ant-pagination li .ant-select .ant-select-selector,.webVueAntYtTableStyle-1bsl9 .ant-pagination li input,.webVueAntYtTableStyle-1bsl9 .ant-pagination li a,.webVueAntYtTableStyle-1bsl9 .ant-pagination li .ant-pagination-options-quick-jumper{
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-1bsl9 .ant-pagination li:not(.ant-pagination-options),.webVueAntYtTableStyle-1bsl9 .ant-pagination li.ant-pagination-options .ant-pagination-options-size-changer.ant-select .ant-select-selector,.webVueAntYtTableStyle-1bsl9 .ant-pagination li.ant-pagination-options .ant-pagination-options-quick-jumper input{
border-top: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.webVueAntYtTableStyle-1bsl9 .ant-pagination li button{
border: none;
}
.webVueAntYtTableStyle-1bsl9 .ant-pagination li a,.webVueAntYtTableStyle-1bsl9 .ant-pagination li .ant-pagination-options-quick-jumper{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-1bsl9 .ant-pagination li.ant-pagination-item-active{
background: #FFFFFF;
border-top: 1px solid #1890ff;
border-right: 1px solid #1890ff;
border-bottom: 1px solid #1890ff;
border-left: 1px solid #1890ff;
}
.webVueAntYtTableStyle-1bsl9 .ant-pagination li.ant-pagination-item-active a{
color: #1890ff;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 32px;
letter-spacing: 0px;
text-align: center;
text-align-last: center;
font-style: normal;
text-decoration: none;
}
.webVueAntYtTableStyle-1bsl9 tr td:nth-child(1) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-1bsl9 tr td:nth-child(1) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-1bsl9 tr > th:nth-child(1), .webVueAntYtTableStyle-1bsl9 .ant-table-body tr.ant-table-measure-row td:nth-child(1){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-1bsl9 tr td:nth-child(2) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-1bsl9 tr td:nth-child(2) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-1bsl9 tr > th:nth-child(2), .webVueAntYtTableStyle-1bsl9 .ant-table-body tr.ant-table-measure-row td:nth-child(2){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-1bsl9 tr td:nth-child(3) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-1bsl9 tr td:nth-child(3) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-1bsl9 tr > th:nth-child(3), .webVueAntYtTableStyle-1bsl9 .ant-table-body tr.ant-table-measure-row td:nth-child(3){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-1bsl9 tr td:nth-child(4) div:first-child{
text-align: center;
text-align-last: center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.webVueAntYtTableStyle-1bsl9 tr td:nth-child(4) div:first-child span.td-text{
color: #000000A6;
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: Normal;
line-height: 50px;
letter-spacing: 0px;
text-decoration: none;
font-style: normal;
}
.webVueAntYtTableStyle-1bsl9 tr > th:nth-child(4), .webVueAntYtTableStyle-1bsl9 .ant-table-body tr.ant-table-measure-row td:nth-child(4){
width: calc((100% - 0px) / 4) !important;
min-width: 1px !important;
max-width: 1px !important;
}
.webVueAntYtTableStyle-1bsl9{
width: 100%;
}

.webVueAntYtButtonStyle-ukrd2{
color: #4A90E2 !important;
background: transparent !important;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-ukrd2>span{
letter-spacing: 0px !important;
}

.webVueAntYtButtonStyle-ay37d{
color: #4A90E2 !important;
background: transparent !important;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
border-left: 0px solid transparent;
align-items: center;
justify-content: center;
}
.webVueAntYtButtonStyle-ay37d>span{
letter-spacing: 0px !important;
}}
</style>